		/* div{border: 1px solid #000000} */
		
		/* 免费课 */
		.f2{
			margin-bottom: 60px;
		}
			.f2>.container>.body {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
			}
			
			.f2>.container>.body>div {
				width: 380px;
				height: 355px;
				display: flex;
				margin-top: 30px;
				border-radius: 5px;
				box-shadow: 1px 1px 7px 1px gray;
				transition: all 0.6s; 
			}
			.f2>.container>.body>div:hover{
				transform: scale(1.1);
			}
			
			/* 鼠标放上去图片有一层滤镜 */
			.f2>.container>.body>div>a:hover img {
				filter: alpha(Opacity=80);
				opacity: 0.8;
			}
			
			.f2>.container>.body>div>a>img {
				width: 100%;
			}
			
			.f2>.container>.body>div>a {
				display: flex;
				flex-direction: column;
			}
			
			.f2>.container>.body>div>a>img {
				flex: 3;
			}
			
			.f2>.container>.body>div>a>div {
				flex: 2;
				display: flex;
				flex-direction: column;
			}
			
			.f2>.container>.body>div>a>div>p:nth-child(1) {
				margin-left: 30px;
				margin-right: 50px;
				flex: 1;
				padding-top: 20px;
				font-size: 20px;
				color: #000000;
				font-family: PingFangSC-Light;
			}
			
			.f2>.container>.body>div>a>div>p:nth-child(1):hover {
				color: rgb(255, 205, 0);
			}
			
			.f2>.container>.body>div>a>div>p:nth-child(2) {
				margin-left: 30px;
				margin-right: 50px;
				flex: 2;
				display: flex;
				justify-content: space-between;
				
			}
			.f2>.container>.body>div>a>div>p:nth-child(2)>span{
				font-size: 14px;
			}
			/* 实战课 */
			.f2>.container>.body>a>div{
				width: 380px;
				height: 355px;
				margin-top: 30px;
				box-shadow: 1px 1px 7px 1px gray;
				transition: all 0.6s; 
				background-color: white;
				border-radius: 5px;
				
			}
			.f2>.container>.body>a>div>div{
				width:360px ;
				margin: 10px;
			}
			.f2>.container>.body>a>div:hover{
				transform: scale(1.1);

			}
			.f2>.container>.body>a>div>div>img{
				width: 100%;
				margin-top: 15px;
			}
			.f2>.container>.body>a>div>div>img:hover{
				filter: alpha(Opacity=80);
				opacity: 0.8;
			}
			.f2>.container>.body>a>div>div>p{
				margin-top: 8px;
			}
			.p1{
				color: #000000;
				font-size: 14px;
				font-weight: 700;
			}
			.p2{
				font-family: PingFangSC-Light;
				font-size: 12px;
				color: #ababab;
				margin-bottom: 8px;
			}
			.body_zhe{
				display: flex;
				margin-bottom: 10px;
			}
			.body_zhe>div{
				width: 20px;
				height: 20px;
				font-size: 14px;
				font-weight: 600;
				background-color: red;
				color: white;
				text-align: center;
				margin-right: 10px;
			}
			.body_zhe>span{
				color:red;
				font-family: PingFangSC-Light;
				font-weight: 700;
			}
			.body_mai{
				display: flex;
				justify-content: space-between;
				padding-bottom: 15px;
			}
			.body_mai>span:nth-child(1){
				padding-top: 5px;
				font-family: PingFangSC-Light;
				font-size: 12px;
				color: #ababab;
				
			}
			.body_mai>span:nth-child(2){
				width: 80px;
				height: 28px;
				background-color: rgb(247,188,114);
				color: white;
				text-align: center;
				padding: 5px;
				border-radius: 5px;
			}
			.body_mai>span:nth-child(2):hover{
				background-color:  rgb(255, 205, 0);
			}